<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<link rel="stylesheet" type="text/css" href="../lib/easyui/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="../lib/easyui/themes/icon.css">
<script type="text/javascript" src="../lib/easyui/jquery.min.js"></script>

</head>
<body>
<form class="tg-page">
<header>

<img  src="logo.png" class="tg-logo">

<img  src="qr.png" class="tg-qr">
<h1  class="tg-title">包头文治中西结合医院</h1>
<div class="tg-title-meta">MRI检查报告单</div>
<div style="height: 30px;">
<div class="tg-title-bd"><input class="easyui-textbox" name="no"  style="width: 150px" data-options="label:'MRI号:'" >
</div>
</div>
</header>
<section>

<div class="tg-row">
<div style="width: 25%;">
 <input class="easyui-textbox" name="name"  style="width: 150px" data-options="label:'姓名:'" ></div>
<div style="width: 25%;">
<select class="easyui-combobox" name="sex"  data-options="label:'性别:'" style="width: 150px" >
<option value="0">未知</option><option value="1">男</option><option value="2">女</option>
</select></div>
<div style="width: 25%;"> <input class="easyui-numberbox" style="width:132px;" data-options="label:'年龄(岁):',min:10,max:100" ></div>
<div style="width: 25%;"><input  class="easyui-datebox"  style="width:183px;" data-options="label:'检查时间:'" ></div>
</div>
<div class="tg-row">
<div class="tg-col-3">
 <input class="easyui-textbox" name="name"  style="width: 150px" data-options="label:'住院号:'" >
 </div>
 <div class="tg-col-3">
 <input class="easyui-textbox" name="name"  style="width: 150px" data-options="label:'床号:'" >
 </div>
 <div class="tg-col-3">
<select class="easyui-combobox" name="sex" data-options="label:'科别:'" style="width: 150px">
<option value="1">放疗科</option><option value="2">胸科</option><option value="0">其他</option>
</select>
 </div>
 <div class="tg-col-3">
 <input class="easyui-textbox" name="name"  style="width:183px;" data-options="label:'送诊医生:'" >
 </div>
</div>

<div class="tg-row">
<div class="tg-col-12">
 <input class="easyui-textbox" name="name"  style="width: 98%" data-options="label:'临床诊断:'" >
 </div>

</div>

</section>
<section>
<div class="tg-row">
<div class="tg-col-12">
 <input class="easyui-textbox" name="name"  style="width: 98%" data-options="label:'检查位置:',value:'头颅MRI'" >
 </div>
</div>
<div class="tg-row">
<div class="tg-col-12">
 <input class="easyui-textbox" name="message" style="width:100%;height:180px" data-options="label:'MRI所见:',multiline:true" >
</div>
</div>
<div class="tg-row">

<div class="tg-col-12">
 <input class="easyui-textbox" name="message" style="width:100%;height:180px" data-options="label:'MRI印象:',multiline:true" >
</div>
</div>
</section>


<footer>

<div class="tg-row">
<div class="tg-col-4">
 <input class="easyui-textbox" name="name"  style="width: 200px" data-options="label:'报告医生:'" >
</div>
<div class="tg-col-4">
 <input class="easyui-textbox" name="name"  style="width: 200px" data-options="label:'审核医生:'" > 
</div>
<div class="tg-col-4">
 <input class="easyui-datebox" name="name"  style="width: 200px" data-options="label:'审核时间:'" >
</div>
</div>

<div class="tg-footer">
本报告只做临床参考，不做他用；下次复查请将影像图片和就诊报告带来，以便诊疗
</div>
</footer>
</form>
   
</body>
</html>
<style>
body{
background-color: #999;
}
header{
padding-top: 20px;
margin:20px 5px 0 5px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
border-bottom: 2px solid #000;
}
footer{
position:absolute;
bottom:10px;
left:0;
width:100%;
}                                                                                                                    
section
{

margin:20px 5px 20px 5px; 
padding-bottom:40px;
border-bottom: 1px solid #333;
}
.tg-page{
width:795px;
background-color: #FFFFFF;
min-height: 1090px;
margin:0 auto;
position:relative;
}
.tg-logo
{
margin:10px;
height:70px;
width:70px;
float:left;

}
.tg-qr
{
margin:10px;
height:70px;
width:70px;
float:right;
}
.tg-title{
text-align:center;
margin: 20px;
font-weight: 100;
font-size: 1.5em;
letter-spacing:.2em;
}
.tg-title-meta{
text-align:center;
margin: 10px;
font-weight: 100;
font-size: 1.2em;
letter-spacing:.1em;
}
.tg-title-bd{
float: right;
width:200px;
margin-right:10px;

}
.tg-row {
	margin:10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.tg-col-3{
width: 25%
}
.tg-col-4{
width: 33.33333333%
}
.tg-col-6{
width: 50%
}
.tg-col-12{
width: 100%
}
.tg-footer{
border-top: 2px solid #000;
text-align:center;
font-size:12px;
font-weight: bold;
}
</style>

<script>
var json={
	data:{name:'myname',sex:1,no:'local_12230'}	,
	rs:['no','name','sex']
}
</script>
<script>
function getQueryString(name) {
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
	var r = window.location.search.substr(1).match(reg);
	if (r!=null) return (r[2]); return null;
}

$(document).ready(function(){

	if(!getQueryString("w"))
	{
	$(":input").attr("readonly","readonly")
	}else
	{
		var rs=json.rs;
		for(var i in rs)
		{
			var name=rs[i];
			//$("input[name='"+name+"']").attr("readonly","readonly");
			//$("select[name='"+name+"']").attr("readonly","readonly");
		}
		
	}
	
});
</script>


<script type="text/javascript" src="../lib/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../lib/easyui/locale/easyui-lang-zh_CN.js"></script>
<script>

$(document).ready(function(){
    $("form").form('load',json.data);	
});
</script>

